<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>小米闪购-小米商城</title>
    <link rel="shortcut icon" href="./image/xiaomi.ico" type="image/x-icon" />
    <link rel="stylesheet" href="./CSS/index.css" />

  </head>
  <body>
    <!-- 顶部开始 -->
    <div class="topbar">
      <div class="container">
        <div class="topbar-nav">
          <a href="">小米商城</a><span>|</span> <a href="">MIUI</a
          ><span>|</span> <a href="">IoT</a><span>|</span> <a href="">云服务</a
          ><span>|</span> <a href="">天星数科</a><span>|</span>
          <a href="">有品</a><span>|</span> <a href="">小爱开放平台</a
          ><span>|</span> <a href="">企业团购</a><span>|</span>
          <a href="">资质证照</a><span>|</span> <a href="">协议规则</a
          ><span>|</span> <a href="">下载app</a><span>|</span>
          <a href="">Select Location</a><span>|</span>
        </div>
        <div class="topbar-cart">
          <a href="">
            购物车
            <img src="./image/shoppingcar.png" alt="car" />
          </a>
        </div>
        <div class="topbar-info">
          <a href="">登录</a><span>|</span> <a href="">注册</a><span>|</span>
          <a href="" class="sep">消息通知</a>
        </div>
      </div>
    </div>
    <!--  顶部结束-->
    <!--  头部开始-->
    <div class="header">
      <div class="header-container">
        <div class="header-logo">
          <a
            href="https://www.mi.com/?masid=2701.0313"
            title="小米官网"
            target="blank"
          >
            <img src="./image/xiaomi.ico" alt="logo" />
          </a>
        </div>
        <div class="header-nav">
          <ul class="nav-list">
            <li class="nav-item">
              <a href="">Xiaomi手机</a>
            </li>
            <li class="nav-item">
              <a href="">Redmi 红米</a>
            </li>
            <li class="nav-item">
              <a href="">电视</a>
            </li>
            <li class="nav-item">
              <a href="">笔记本</a>
            </li>
            <li class="nav-item">
              <a href="">平板</a>
            </li>
            <li class="nav-item">
              <a href="">家电</a>
            </li>
            <li class="nav-item">
              <a href="">路由器</a>
            </li>
            <li class="nav-item">
              <a href="">服务</a>
            </li>
            <li class="nav-item">
              <a href="">社区</a>
            </li>
          </ul>
        </div>
        <div class="header-search">
          <form action="" class="search-form">
            <div>
              <input
                type="search"
                name="keyword"
                class="search-text"
                placeholder="洗衣机"
              />
            </div>
            <input type="submit" class="search-btn" value=" " />
            <img src="./image/bigeyes.png" alt="eyes" />
            <input />
          </form>
        </div>
      </div>
    </div>
    <!-- 头部结束 -->
    <!-- 中部开始 -->
    <div class="seckill">
      <div class="seckill-head"></div>
      <div class="container">
        <div class="seckill-nav">
          <ul id="seckill-a">
            <li class="nav-active">
              <em>18:00</em
              ><span
                ><em>即将开始 <br />距开始 01:25:15</em></span
              >
            </li>
            <li><em>20:00</em><span>即将开始</span></li>
            <li><em>22:00</em><span>即将开始</span></li>
            <li><em>00:00</em><span>明日开始</span></li>
            <li><em>08:00</em><span>明日开始</span></li>
          </ul>
        </div>
      </div>
    </div>
  <!-- 商品信息区  在容器内 -->
  <div class="max-one">
    <div class="container">
  <div class="seckill-goods">
    <ul>
      <li>
        <div class="img-seckill"> <img src="./image/one18.jpg" alt="shoppingimg"></div>
        <div class="text-ig">
          <a href="#" class="name">东京塔,日本发货高质量，绝对官方正品，点我火速购买</a>
          <p class="tips">百分百还原真实东京塔</p>
          <p>1元  <del>129元</del></p>
          <a href="#">提醒我</a>
          <p>已经有999人设置提醒</p>
        </div>
      </li>

    </ul>
  </div>
  <div>
    <p class="seckill-change"></p>
  </div>
</div>
</div>
<!-- 底部开始 -->
<div class="seckill-notice">
<div class="notice-img">
  <img src="./image/one.jpg" alt="tp" id="img-change">
</div>
<div class="position-btn">
<button id="Btn1" class="btn1"><-</button>
<button  id="Btn2" class="btn2">-></button>

</div>
</div>
<div>加一句话测试一下</div>
  </body>
  <script src="./index.js"></script>
</html>